<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电影影评网</title>
</head>
<style>
  #wrap {
    width: 100%;
    height: auto;
  }
  #wrap header {
    width: 100%;
    height: 4.375rem;
    text-align: center;
    line-height: 3.75rem;
    font-weight: bold;
  }
</style>
<body>
  <div id="wrap">
    <header>
      <h1>电影影评网</h1>
    </header>
    <main>
      <nav><input type="image" src="img/44.jpg"  alt="电影史上十大运动" width="100%"></nav>
      <article>
        <section>
          <input type="image" src="img/nav1.jpg" width="17.5%" />
          <input type="image" src="img/nav2.jpg" width="17.5%" />
          <input type="image" src="img/nav3.jpg" width="17.5%" />
          <input type="image" src="img/nav4.jpg" width="17.5%" />
          <input type="image" src="img/nav5.jpg" width="17.5%" />
        </section>
        <details>
          <summary><input type="image" src="img/111.png" /></summary>
          <ul align="left" contenteditable="true">
             <li>
               <figcaption>《敢死队》</figcaption>
               <p>今天看了全场唯一一场原声的<mark>敢死队</mark>。有好事者统计，这群肌肉大叔的年龄加起来是439岁，平均年龄超过了50岁，其中岁数最大的<mark>史泰龙</mark>
                 岁，岁数最小的<mark>杰森.斯坦森</mark>也有38岁，堪称老男人团。一帮老爷们拍出的电影，当然没有什么剧情，从头劲爆到尾。
                 旁边有个陌生的软妹睡死过去，全场的男性都异常亢奋。廉颇老矣，尚能饭否。当然是宝刀未老了。<mark>史泰龙</mark>全程曾哥附......
               </p>
               <input type="image" src="img/444.jpg" />
             </li>
            <hr size="3" color="#ccc" />
            <li>
              <figcaption>《赤焰战场》</figcaption>
              <p>这部电影的最大意义在于一群廉颇老矣的明星向观众做了一个集体性的道别。他们以后或许还会各自为战地奋斗在荧屏之上，
                但如此集中的出现在一部电影中就显得几乎不再可能。<mark>布鲁斯.威利斯</mark>已经56岁，<mark>海伦.米伦</mark>66岁，
                <mark>约翰.马尔科维奇</mark>58岁，<mark>摩根.弗里曼</mark>已经74岁，
                <mark>布莱恩.考克斯</mark>65岁。这些年纪已经超过或者年近花甲的曾经叱咤荧幕的人物正在渐渐地逝去，如同那一抹灿丽的......</p>
              <input type="image" src="img/555.jpg" />
            </li>
          </ul>
        </details>
        <details>
          <summary><input type="image" src="img/111.png" /></summary>
          <ul align="left" contenteditable="true">
            <li>
              <figcaption>《雷神》</figcaption>
              <p>自<mark>《钢铁侠》</mark>开始，全球最负盛名的<mark>惊奇漫画电影公司</mark>走上了不断致力于在特效技术上开拓创新的发展道路。
                本着以集合旗下所有英雄漫画形象，打造一个“近期电影宇宙”的核心发展观，不断推出艺术造诣低下，剧情肤浅，但场景华丽、
                极致炫目的“超级英雄”大片。<mark>《雷神》</mark>也是如此。尽管常被影评人抨击为“没脑子的超级英雄群”，却没人能阻止好莱坞愈加明显.......
              </p>
              <input type="image" src="img/666.jpg" />
            </li>
          </ul>
        </details>
      </article>
    </main>
  </div>
</body>
</html>
